<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath();
    String queryString = request.getQueryString() == null
            ? ""
            : request.getQueryString().replaceAll("(\\&?lang\\=[a-zA-Z]{2})|(lang\\=[a-zA-Z]{2}\\&?)", "");
%>
<html>
<head>
    <link rel="stylesheet" href="<%=basePath%>/css/area/header.css">
</head>
<body>
<header>
    <div class="left">
        <i class="fa fa-arrow-left goback" onclick="javascript:history.go(-1);"></i>
        <div id="language" style="display: none;">
            <span class="language">简体中文</span>
            <ul>
                <li><a href="?<%=queryString%>&lang=zh">简体中文</a></li>
                <li><a href="?<%=queryString%>&lang=en">English</a></li>
            </ul>
        </div>
    </div>
    <div class="center">
        <ul>
            <li style="display: none;"><a href="<%=basePath%>/index/page" i18n="share.title.zl"></a></li>
            <li id="header-page" class="on"><a href="<%=basePath%>/charts/area/allocation/hospital-page" i18n="share.title.fx"></a></li>
            <li><a class="header-search" i18n-title="share.sift.sxtj"><img src="<%=basePath%>/plugins/charts/images/search.png"></a></li>
            <li><a class="header-reset" i18n-title="share.sift.qksx"><img src="<%=basePath%>/plugins/charts/images/reset.png"></a></li>
            <li><a class="header-logout" i18n-title="share.title.tcdl"><img src="<%=basePath%>/plugins/charts/images/logout.png"></a></li>
        </ul>
    </div>
    <div class="right">
        <div class="time-hospital">
            <p class="time"></p>
            <p class="hospital"></p>
        </div>
    </div>

    <div id="search-container">
        <form action="#">
            <table>
                <thead>
                <tr>
                    <th colspan="2"><span i18n="share.sift.sxtj"></span> <button class="clear-search" type="button" i18n="share.sift.qksx"></button></th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td class="tr" i18n="tips.level" i18n-title="tips.level"></td>
                    <td class="tl">
                        <select class="select select_level" multiple="multiple"></select>
                    </td>
                </tr>
                <tr>
                    <td class="tr" i18n="institution.hospital" i18n-title="institution.hospital"></td>
                    <td class="tl">
                        <select class="select select_hospital" multiple="multiple"></select>
                    </td>
                </tr>
                <tr>
                    <td class="tr" i18n="share.sift.sbfxdj" i18n-title="tips.risk"></td>
                    <td class="tl">
                        <select class="select select_risk" multiple="multiple"></select>
                    </td>
                </tr>
                <tr>
                    <td class="tr" i18n="share.sift.sb68fl" i18n-title="tips.type"></td>
                    <td class="tl">
                        <select class="select select_type" multiple="multiple"></select>
                    </td>
                </tr>
                <tr>
                    <td class="tr" i18n="share.sift.sbcj" i18n-title="tips.brand"></td>
                    <td class="tl">
                        <select class="select select_brand" multiple="multiple"></select>
                    </td>
                </tr>
                <tr>
                    <td class="tr" i18n="share.sift.dqnf" i18n-title="tips.year"></td>
                    <td class="tl">
                        <select class="select select_year"></select>
                    </td>
                </tr>
                <tr>
                    <td class="tr" i18n="share.sift.yf" i18n-title="tips.yf"></td>
                    <td class="tl">
                        <select class="select select_month">
                            <option value=""></option>
                            <option i18n="share.shift.yiyue" value="1"></option>
                            <option i18n="share.shift.eryue" value="2"></option>
                            <option i18n="share.shift.sanyue" value="3"></option>
                            <option i18n="share.shift.siyue" value="4"></option>
                            <option i18n="share.shift.wuyue" value="5"></option>
                            <option i18n="share.shift.liuyue" value="6"></option>
                            <option i18n="share.shift.qiyue" value="7"></option>
                            <option i18n="share.shift.bayue" value="8"></option>
                            <option i18n="share.shift.jiuyue" value="9"></option>
                            <option i18n="share.shift.shiyue" value="10"></option>
                            <option i18n="share.shift.shiyiyue" value="11"></option>
                            <option i18n="share.shift.shieryue" value="12"></option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td class="tr" i18n="share.sift.sbqynf" i18n-title="tips.enable_year"></td>
                    <td class="tl">
                        <input type="text" class="input" id="enableYearStart"/>
                        <span class="to" i18n="share.sift.z"></span>
                        <input type="text" class="input" id="enableYearEnd"/>
                    </td>
                </tr>
                <tr>
                    <td class="tr" i18n="share.sift.sbje(wy)" i18n-title="tips.price"></td>
                    <td class="tl">
                        <input type="text" class="input" id="priceStart"/>
                        <span class="to" i18n="share.sift.z"></span>
                        <input type="text" class="input" id="priceEnd"/>
                    </td>
                </tr>
                <tr style="line-height: 0.2rem;">
                    <td class="tr"></td>
                    <td class="tl">
                        <label>
                            <input type="radio" class="flat-green" value="1" name="assets-price" data-max="100">
                            <span><100</span>
                        </label>
                        <label>
                            <input type="radio" class="flat-green"  value="2" name="assets-price" data-min="100" data-max="300">
                            <span>100-300</span>
                        </label>
                        <label>
                            <input type="radio" class="flat-green" value="3" name="assets-price" data-min="300">
                            <span>>300</span>
                        </label>
                        <label style="display: none;">
                            <input type="radio" class="flat-green" value="0" name="assets-price">
                            <span>无</span>
                        </label>
                    </td>
                </tr>
                <tr>
                    <td class="tr" i18n="share.sift.nxzs" i18n-title="tips.age_limit"></td>
                    <td class="tl">
                        <input type="text" class="input" id="ageLimitStart"/>
                        <span class="to" i18n="share.sift.z"></span>
                        <input type="text" class="input" id="ageLimitEnd"/>
                    </td>
                </tr>
                <tr style="line-height: 0.2rem;">
                    <td class="tr"></td>
                    <td class="tl">
                        <label>
                            <input type="radio" class="flat-green" value="1" name="limit-range"  data-min="0.0" data-max="0.5">
                            <span>0.0-0.5</span>
                        </label>
                        <label>
                            <input type="radio" class="flat-green"  value="2" name="limit-range" data-min="0.5" data-max="1.0">
                            <span>0.5-1.0</span>
                        </label>
                        <label>
                            <input type="radio" class="flat-green" value="3" name="limit-range" data-min="1.0" data-max="1.5">
                            <span>1.0-1.5</span>
                        </label>
                        <label style="display: none;">
                            <input type="radio" class="flat-green" value="3" name="limit-range">
                            <span>无</span>
                        </label>
                    </td>
                </tr>
                <tr>
                    <td class="tc" colspan="2">
                        <button type="button" class="button confirm" i18n="share.sift.qr"></button>
                        <button type="button" class="button cancel" i18n="share.sift.qx"></button>
                    </td>
                </tr>
                </tbody>
            </table>
        </form>
    </div>
</header>
<script src="<%=basePath%>/plugins/jquery-i18n-properties/jquery.i18n.properties.min.js"></script>
<script src="<%=basePath%>/js/area/header.js"></script>
</body>
</html>
